<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="laydate/laydate.js" ></script>
		<script type="text/javascript" src="js/js.js" ></script>
		<script src="https://cdn.bootcss.com/jquery/2.1.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<div class="main border-bottom-gray"><span class="fontBold"><a href="" class="mapsite">首页</a></span>&nbsp;/&nbsp;
		<span class="fontBold"><a href="" class="mapsite">订单管理</a></span>&nbsp;/&nbsp;欠款信息</div>
		<div class="border-bottom-gray main">
			<form action="" method="post">
				<div class="padding10_0">
					<span class="fontBold fontsize12">收件人 : </span><input type="text" class="input_text"  placeholder="请输入收件人"/>&nbsp;&nbsp;
					<span class="fontBold fontsize12">订单编号 : </span><input type="text" class="input_text"  placeholder="请输入订单编号"/>&nbsp;&nbsp;
					<span class="fontBold fontsize12">订单日期选择 : </span><input type="text" class="input_text" placeholder="请开始选择日期" id="beginDate"/>&nbsp;
					<span  class="fontBold fontsize12">至</span>&nbsp;
					<input type="text" class="input_text" placeholder="请选择截至日期" id="endDate"/>&nbsp;&nbsp;
				</div>
				<div class="padding10_0">
					<span class="fontBold fontsize12">发货状态 : </span><select class="input_text">
						<option>未发货</option><option>已发货</option></select>&nbsp;&nbsp;
					<span class="fontBold fontsize12">到货状态 : </span><select class="input_text">
						<option>在途</option><option>已到货</option><option>缺货</option></select>&nbsp;&nbsp;
				</div>
				<input type="submit" class="input_submit" value="查询"/>
				<input type="reset" class="whitebutton" value="重置"/>
			</form>
		</div>
		<div class="main graybg">
			<form>
			<table class="tb_wid">
				<tr class="tb_tr_center">
					<th><input type="checkbox" onclick="swapCheck()"/></th>
					<th>订单编号</th>
					<th>收件人</th>
					<th>商品</th>
					<th>金额</th>
					<th>状态信息</th>
				</tr>
				<tr class="tr_vertical_align">
					<td class="tb_tr_center"><input type="checkbox"/></td>
					<td class="tb_tr_center">20150101123</td>
					<td class="tb_tr_center">李四</td>
					<td>
						<div class="fl ml10">
							<div>品牌 : <span>联想</span></div>
							<div>型号 : <span>isk</span></div>
							<div>原价 : <span>6888</span></div>
						</div>
						<div class="fl ml20">
							<div>颜色 : <span>黑色</span></div>
							<div>尺码 : <span>8G</span></div>
							<div>数量 : <span>1</span></div>
						</div>
					</td>
					<td class="tb_tr_center">1500</td>
					<td class="tb_tr_center">正在配送</td>
				</tr>
				<tr class="tr_vertical_align">
					<td class="tb_tr_center"><input type="checkbox"/></td>
					<td class="tb_tr_center">20150101123</td>
					<td class="tb_tr_center">李四</td>
					<td>
						<div class="fl ml10">
							<div>品牌 : <span>联想</span></div>
							<div>型号 : <span>isk</span></div>
							<div>原价 : <span>6888</span></div>
						</div>
						<div class="fl ml20">
							<div>颜色 : <span>黑色</span></div>
							<div>尺码 : <span>8G</span></div>
							<div>数量 : <span>1</span></div>
						</div>
					</td>
					<td class="tb_tr_center">1500</td>
					<td class="tb_tr_center">正在配送</td>
				</tr>
				<tr class="tr_vertical_align">
					<td class="tb_tr_center"><input type="checkbox"/></td>
					<td class="tb_tr_center">20150101123</td>
					<td class="tb_tr_center">李四</td>
					<td>
						<div class="fl ml10">
							<div>品牌 : <span>联想</span></div>
							<div>型号 : <span>isk</span></div>
							<div>原价 : <span>6888</span></div>
						</div>
						<div class="fl ml20">
							<div>颜色 : <span>黑色</span></div>
							<div>尺码 : <span>8G</span></div>
							<div>数量 : <span>1</span></div>
						</div>
					</td>
					<td class="tb_tr_center">1500</td>
					<td class="tb_tr_center">正在配送</td>
				</tr>
				<tr class="tr_vertical_align">
					<td class="tb_tr_center"><input type="checkbox"/></td>
					<td class="tb_tr_center">20150101123</td>
					<td class="tb_tr_center">李四</td>
					<td>
						<div class="fl ml10">
							<div>品牌 : <span>联想</span></div>
							<div>型号 : <span>isk</span></div>
							<div>原价 : <span>6888</span></div>
						</div>
						<div class="fl ml20">
							<div>颜色 : <span>黑色</span></div>
							<div>尺码 : <span>8G</span></div>
							<div>数量 : <span>1</span></div>
						</div>
					</td>
					<td class="tb_tr_center">1500</td>
					<td class="tb_tr_center">正在配送</td>
				</tr>
				<tr class="tr_vertical_align">
					<td class="tb_tr_center"><input type="checkbox"/></td>
					<td class="tb_tr_center">20150101123</td>
					<td class="tb_tr_center">李四</td>
					<td>
						<div class="fl ml10">
							<div>品牌 : <span>联想</span></div>
							<div>型号 : <span>isk</span></div>
							<div>原价 : <span>6888</span></div>
						</div>
						<div class="fl ml20">
							<div>颜色 : <span>黑色</span></div>
							<div>尺码 : <span>8G</span></div>
							<div>数量 : <span>1</span></div>
						</div>
					</td>
					<td class="tb_tr_center">1500</td>
					<td class="tb_tr_center">正在配送</td>
				</tr>
			</table>
			<div align="left" valign="top" class="fenye">
			5 条数据 1 / 1 页&nbsp;&nbsp;
			<a href="#">首页</a>&nbsp;&nbsp;
			<a href="#">上一页</a>&nbsp;&nbsp;
			<a href="#">下一页</a>&nbsp;&nbsp;
			<a href="#">尾页</a>
    	</div>
		</div>
		</form>
	</body>
	<script>
		laydate.render({
		  elem: '#endDate'
		});
		laydate.render({
		  elem: '#beginDate'
		});
	</script>
</html>
